.retail-price {
    padding: 16rpx;
    color: #ff3901;
    font-size: 38rpx;
    &-unit {
        font-size: 28rpx;
    }
}

.product-details {
    padding-bottom: 113rpx;
    &-head {
        background: #ffffff;
        margin-bottom: 20rpx;
        .gallery-swiper {
            height: 100vw;
            &-item {
                width: 100vw;
                .swiper-pic {
                    height: 100vw;
                    width: 100%;
                }
            }
        }
        .retail-price{
            .retail-price;
        }
        .details-title-box {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 16rpx;
            padding-top: 0;
            // margin-bottom: 20rpx;
            .goods-brief {
                flex-grow: 1;
                .promotion-desc {
                    margin-right: 16rpx;
                    padding: 5rpx 11rpx;
                    font-family: YouYuan;
                    font-size: 20rpx;
                    color: #ffffff;
                    background-color: #ff9000;
                    border-radius: 7rpx;
                }
            }
            .shareit {
                .icon-shareit {
                    width: 50rpx;
                    height: 50rpx;
                }
            }
        }
        .product-details-info {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 16rpx;
            font-family: MicrosoftYaHei;
            font-size: 24rpx;
            color: #5e5e5e;
        }
    }

    &-content {
        padding: 16rpx;
        background: #ffffff;
        display: block;
        .attribute {
            margin-bottom: 16rpx;
            line-height: 180%;
            &-item {
                font-size: 22rpx;
                color: #5e5e5e;
                &-txt {
                    color: #272727;
                    font-weight: bold;
                }
            }
        }
        .supplement {
            padding-top: 20rpx;
            font-size: 24rpx;
            &-title {
                font-weight: bold;
                margin-bottom: 10rpx;
            }
            .question-item {
                padding-left: 16rpx;
                margin-bottom: 10rpx;
                .item-block {
                    display: block;
                }
                &-question {
                    font-weight: bold;
                    line-height: 180%;
                    color: #272727;
                    &:before {
                        content: " ";
                        width: 10rpx;
                        height: 10rpx;
                        background: #ff9000;
                        display: inline-block;
                        margin-right: 10rpx;
                    }
                }
                &-answer {
                   color:#747474 ; 
                   line-height: 180%;
                   padding-left: 20rpx;
                }
            }
        }
    }

    &-foot {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        display: flex;
        z-index: 1;
        justify-content: space-between;
        align-items: center;
        background: #ffffff;
        border-top: 1px solid #cbccd0;
        .cart-btn {
            height: 113rpx;
            flex-grow: 1;
            line-height: 113rpx;
            text-align: center;
            &:nth-child(1) {
                border-right: 1px solid #cbccd0;
            }
            &:nth-child(n+2) {
                color: #ffffff;
            }
            &.cart-join {
                background-color: #ffc904;
            }
            &.cart-buy {
                background-color: #ff4d02;
            }
        }
    }
    &-mask {
        position: fixed;
        background: rgba(0, 0, 0, .6);
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        z-index: 2;
        // height: 100vh;
        .product-details-selectbox {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background: #ffffff;
            padding: 16rpx;
            
            // z-index: 3;
            .close {
                position: absolute;
                // padding: 8rpx;
                width: 30rpx;
                height: 30rpx;
                line-height: 30rpx;
                text-align: center;
                top: 16rpx;
                right: 16rpx;
                border: 1px solid #5e5e5e;
                border-radius: 50%;
            }
            .slect-buy-head {
                display: flex;
                .product-pic {
                    width: 220rpx;
                    height: 220rpx;
                }
                .head_box {
                    flex-grow: 1;
                    padding-left: 20rpx;
                    .retail-price {
                        .retail-price;
                        padding-left: 0;
                    }
                }
            }
            .slect-buy-quantity {
                padding: 20rpx 0;
                display: flex;
                justify-content: space-between;
                align-items: center;
            }
        }
    }
}